
/* styles.css */
body {
    background-image: url('../images/经贸.png'); /* 替换 'background.jpg' 为你的背景图片路径 */
    background-size: cover;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}


header {
    background-color: #007bff;
    color: #fff;
    padding: 20px;
    text-align: center;
}

header h1 {
    font-size: 28px;
    margin-bottom: 10px;
}

nav ul {
    list-style-type: none;
    padding: 0;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav ul li a {
    color: #fff;
    text-decoration: none;
}

main {
    padding: 20px;
}

#filter {
    margin-bottom: 20px;
    font-size: 50px;
}

#filter input[type="text"]{
    padding: 20px;
    margin-right: 10px;
    border: 1px solid #ccc;
    height: 15px;
}
#filter select {
    padding: 20px;
    margin-right: 10px;
    border: 1px solid #ccc;
    height: 15px;
    /* width: 30px; */
}

#products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

footer {
    background-color: #007bff;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin-bottom: 0px;
}
img{
    width: 200px;
}
/* .product{
    padding: 100px;
    background-color: #fec;
    width: 300px;
    margin-left: 50px;
} */
    /* Darken the background color of the table header */
    .table thead th {
        background-color: #0056b3;
        color: white;
    }
    
    /* Center align text in table cells */
    .table th,
    .table td {
        text-align: center;
    }